<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>书城首页</title>
        <%--base 和 jq文件 css--%>
        <jsp:include page="/pages/common/head.jsp"></jsp:include>
        <link rel="stylesheet" href="static/css/style.css">
        <script>
            $(function () {
                $('.addToCart').click(function () {
                    let bookId = $(this).attr("bookId");
                    <%--$.getJSON("${basePath}cartServlet?","action=ajaxAddItem&"+bookId,function (data) {--%>
                    <%--	$("#cartTotalCount").html("您的购物车中有"+data.totalCount+"件商品");--%>
                    <%--	$("#cartLastName").html(data.lastName);--%>
                    <%--})--%>
                    location.href = "${basePath}cartServlet?action=addItem&id=" + bookId;
                })
            })
        </script>

    </head>
    <body>

        <div id="header">
            <img class="logo_img" alt="" src="static/img/logo.gif">
            <span class="wel_word">网上书城</span>
            <div>
                <%-- 没有找到user对象也就是没有登陆	--%>
                <C:if test="${empty sessionScope.user}">
                    <a href="pages/user/login.jsp">登录</a> |
                    <a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
                </C:if>
                <C:if test="${not empty sessionScope.user}">
                    <span>欢迎<span class="um_span">${sessionScope.user.username}</span>光临书城</span>
                    <a href="pages/order/order.jsp">我的订单</a>
                    <a href="userServlet?action=logout">注销</a>&nbsp;&nbsp;
                </C:if>

                <a href="pages/cart/cart.jsp">购物车</a>
                <a href="pages/manager/manager.jsp">后台管理</a>
            </div>
        </div>
        <div id="main">
            <div id="book">
                <div class="book_cond">
                    <form action="client/bookServlet" method="get" autocomplete="off">
                        <input type="hidden" name="action" value="pageByPrice">
                        价格：<input id="min" type="text" name="min" value="${param.min}"> 元 -
                        <input id="max" type="text" name="max" value="${param.max}"> 元
                        <input type="submit" value="查询"/>
                    </form>
                </div>
                <div style="text-align: center">
                    <%--购物车为空的--%>
                    <c:if test="${empty sessionScope.cart.items}">
                        <span style="color:red;">您购物车中没有商品</span>
                        <div>
                            请您选择下面的商品加入到购物车中把!
                        </div>
                    </c:if>
                    <%-- 购物车中有商品 --%>
                    <c:if test="${not empty sessionScope.cart.items}">
                        <span id="cartTotalCount">购物车中数量为${sessionScope.cart.totalCount}</span>
                        <div>
                            您刚刚将<span id="cartLastName" style="color: red">《${sessionScope.lastName}》</span>加入到了购物车中
                        </div>
                    </c:if>
                </div>

                <c:forEach items="${requestScope.page.items}" var="book">
                    <div class="b_list">
                        <div class="img_div">
                            <img class="book_img" alt="" src="${book.imgPath}"/>
                        </div>
                        <div class="book_info">
                            <div class="book_name">
                                <span class="sp1">书名:</span>
                                <span class="sp2">${book.name}</span>
                            </div>
                            <div class="book_author">
                                <span class="sp1">作者:</span>
                                <span class="sp2">${book.author}</span>
                            </div>
                            <div class="book_price">
                                <span class="sp1">价格:</span>
                                <span class="sp2">${book.price}</span>
                            </div>
                            <div class="book_sales">
                                <span class="sp1">销量:</span>
                                <span class="sp2">${book.sales}</span>
                            </div>
                            <div class="book_amount">
                                <span class="sp1">库存:</span>
                                <span class="sp2">${book.stock}</span>
                            </div>
                            <div class="book_add">
                                <button bookId=${book.id} class="addToCart">加入购物车</button>
                            </div>
                        </div>
                    </div>
                </c:forEach>

                <jsp:include page="/pages/common/page_nav.jsp"></jsp:include>


            </div>
        </div>
        <%--页脚内容--%>
        <jsp:include page="/pages/common/footer.jsp"></jsp:include>
    </body>
</html>